‏إظهار الرسائل ذات التسميات دروس بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات دروس بلوجر. إظهار كافة الرسائل

4 سبتمبر 2016

حل مشكلة تعطل التنقل بين صفحات المواضيع في مدونات بلوجر

في الآونة الأخيرة ظهرت مُشكلة تعطُل التنقل بين الصفحات في الكثير من مدونات بلوجر والسبب كان كود الترقيم وأنّ بلوجر أصبحت لا تدعم اكواد ajax بشكل جيد.

حل مشكلة تعطل التنقل بين صفحات المواضيع في مدونات بلوجر -في الآونة الأخيرة ظهرت مُشكلة تعطُل التنقل بين الصفحات في الكثير من مدونات بلوجر والبعض ظن أنّ المشكلة بسببي أو بسبب تعريبي لقوالب بلوجر، وصراحًة أنا ظننت هذا أيضًا ولكنّ قلت من المستحيل أنّ اخطئ في تعريب قالب وهذا ليس غرور ولا أحد معصوم عن الخطأ، ولكنّ عندما أقوم بتعريب قالب أراجع الأكواد بالتفصيل وأنّ وجِد خطأ فهو يكون بسيط جدًا.

لذلك بعد ظهور هذه المشكلة قررت أنّ بحث عن المشكلة وهذا بعد الرسائل والتعليقات الكثيرة التي وصلت إلي عبر البريد والمدونة، وبعد البحث وجدت حل للمُشكلة وكانت بسبب بلوجر أيضًا حيثُ أنّ أكواد Ajax Script أصبحت غير مدعومة من قِبل بلوجر ولست مُتأكد من هذا أيضًا.

المُشكلة هي عند التنقل بين الصفحات الخاصة بمواضيع المدونة، يظهر خطأ. لذلك هذا الحل قد يعمل على بعض المدونات وليس كُلها، وهذا على حسب كود الترقيم المتواجد في القالب.

الخطوة الأولى

  1. ادخل إلى لوحة تحكم بلوجر.
  2. انقر على قسم قالب.
  3. انقر على تحرير HTML.

ابحث عن الكود التالي:

function pageNavi(a){(function(e){var i={postperpage:6,numshowpage:4,previous:"« السابق",next:"التالي »",loadAjax:true,thumbnailSize:"s400",summaryLength:300};

مُلاحظة قد يكون الكود مُختلف من مدونة لأخرى، لذلك يجب التركيز جيدًا وقراءة الكود بشكل كامل.
الذي سوف نبحث عنه والذي يهُمنا من هذا الأمر كُله هو loadAjax:true حيثُ أنّنا سوف نقوم باستبدال كلمة true بكلمة false، ليصبح الكود على الشكل التالي.

function pageNavi(a){(function(e){var i={postperpage:6,numshowpage:4,previous:"« السابق",next:"التالي »",loadAjax:false,thumbnailSize:"s400",summaryLength:300};

الخطوة الثانية

قد يكون الكود على الشكل التالي.

var pageNaviConf = {
perPage: 6,
numPages: 5,
firstText: "الأولى",
lastText: "الأخيرة",
nextText: "التالية",
prevText: "السابقة"
}

يجب علينا جعل الرقم الذي بعد وسم perPage بنفس رقم المشاركات في التخطيط.
على سبيل المثال: انا اريد عرض 10 مواضيع في الصفحة الرئيسية سوف استبدل رقم 6 برقم 10، ثم اذهب إلى التخطيط وأقوم بتحرير أداة (رسائل المدونة الإلكترونية) وأقوم بتغيير الرقم الذي بجانب (عدد الرسائل على الصفحة الرئيسية) إلى الرقم 10.

وهكذا سوف يتم حل مُشكلة تعطل كود الترقيم في بلوجر.
في الدرس القادم سوف نقوم بحل مشكلة عدم ظهول باقي المقالات في صفحات المدونة، وهذه المُشكلة أيضًا بسبب كود الترقيم.

15 مايو 2016

حل مشكلة تلف إضافات مدون محترف بعد توقف خدمة جوجل كود

دائمًا بلوجر تصدِمُنا وتقوم بعمل تحديثات غريبة، قد يكون هذا بمصلحتهم وبحسب رأيي التحديثات تكون من السيء إلى الاسوأ. وآخر تحديث لهم هو تعطيل خدمة جوجل كود التي يتم عليها رفع جميع ملفات الجافاسكريبت والتي من خلالها تعمل بعض الإضافات، وبعد تعطيل الخدمة تعطلت جميع ملفات أدوات بلوجر الموجودة على الإنترنت سواء في المواقع العربية أو الاجنبية، وهذا أدى إلى تعطُل الكثير من الإضافات الموجودة في قوالب بلوجر.

كيفية حل مشكلة تلف إضافات بلوجر بعد توقف خدمة جوجل كود عن العمل.

ولكنّ لكل داء دواء، لذلك قمت برفع جميع ملفات جافاسكريبت على خدمة أفضل من جوجل كود وذلك كان عن طريق الصُدفة ومن باب الاحتياط، حيث أنّه حتى لو تلفت الإضافات سوف نستطيع استرجاعُها بكل سهولة، وهُنا أنّا اتكلم عن الإضافات الخاصة بمدونتي فقط، بمعنى أي شخص يستخدم أحد إضافات أو قوالب بلوجر الخاصة بالمدونة لا يقلق، وسوف اشرح لكم كيفية جعل الإضافات تعمل من جديد.

كيفية حل مشاكل الإضافات الخاصة بمدون محترف

  1. ادخل لوحة تحكم بلوجر
  2. اضغط على قالب
  3. ثم اضغط على تحرير HTML

سوف نبحث عن جميع الأكواد التي تبدأ بالسطر التالي:
https://mudwnp.googlecode.com/svn/trunk

سوف نستبدله بالكود التالي:
https://cdn.rawgit.com/mudwnp/mudwnp/master

مثال آخر:


لنفترض أنّ الكود على الشكل التالي.
https://mudwnp.googlecode.com/svn/trunk/font-ge_dinar.css

سوف نجعله على هذا الشكل.
https://cdn.rawgit.com/mudwnp/mudwnp/master/font-ge_dinar.css

لاحظوا في الاكواد السابقة استبدلنا ما هو مُظلل باللون الأحمر فقط وهذا الأمر يجب تطبيقه على كافة الأكواد في القوالب والإضافات المُستعملة من قِبل مدونتي، وهكذا سوف تعمل الإضافات من جديد.

صراحًة هذا الأمر كان قد يجعلُني أترك التدوين وبشكل نهائي، ولكنّ الحمدلله أنّي أخذت احتياطاتي وإلا لكان القرار نهائي.
أيضًا لجميع زوار مدونتنا، أتمنى أنّ تقترحو لي تطويرات أو إضافات مُناسبة للقالب الخاصة بمدونتي "مدون محترف" لأنّني حاولت تطوير القالب أكثر من مرة ولم أعرف ماذا أفعل صراحًة.

16 أبريل 2016

حل مشكلة اختفاء الإضافات من مدونات بلوجر

حل مشكلة اختفاء الإضافات من مدونات بلوجر -لاحظت في الآونة الأخيرة ظهور مشاكل في كثير من القوالب مثل اختفاء بعض إضافات بلوجر وصراحًة أنا عانيت من هذه المشكلة. في البداية ظننت أنّ المشكلة من أكواد جافا سكريبت المرفوعة على الاستضافات وقمت بتغيير هذه الملفات ولم تُحل المشكلة، وبعد عصف ذهني خارق :) وجدت حل وتقريبًا سبب المشكلة تحديثات بلوجر الجديدة حيث أصبحت لا تقوم بعرض الإضافات التي تبدأ بالكود <b:section.

حل مشكلة اختفاء الإضافات من قوالب ومدونات بلوجر

الآن نحتاج إلى تركيز كبير من قبل الزوار بحيث أي إضافة اختفت من مدونتك سوف نقوم بعمل التالي، أولًا نذهب إلى كود HTML الخاص بالإضافة من داخل القالب ونقوم بمسح الأكواد المُظلل عليها كما في الصورة، وتغيير <b:section. إلى <div.

    <b:section class='navigation' id='navigation' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit Here!)' type='HTML' visible='true'>
        <b:includable id='main'>
          <nav class='main-nav'>
            <!-- Main menu -->
            <ul>
              <li class='home5'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
              <li class='home1'><a href='#'>اعلن لدينا</a></li>
              <li class='home2'><a href='http://vision-p.blogspot.com/p/blog-page.html'>فهرس المدونة</a></li>
              <li class='home3'><a href='#'>عن المدونة</a></li>
              <li class='home4'><a href='http://vision-p.blogspot.com/p/blog-page_11.html'>اتصل بنا</a></li>
            </ul>
            <a href='#' id='pull'>قائمة</a>
          </nav><!-- /main-nav -->
        </b:includable>
      </b:widget>
    </b:section>

سوف نجعله هكذا بحيث قمنا بمسح الأكواد الملونة في الكود السابق، وقُمنا باستبدالها بالأكواد التالية.

    <div class='navigation' id='navigation'>
          <nav class='main-nav'>
            <!-- Main menu -->
            <ul>
              <li class='home5'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
              <li class='home1'><a href='#'>اعلن لدينا</a></li>
              <li class='home2'><a href='http://vision-p.blogspot.com/p/blog-page.html'>فهرس المدونة</a></li>
              <li class='home3'><a href='#'>عن المدونة</a></li>
              <li class='home4'><a href='http://vision-p.blogspot.com/p/blog-page_11.html'>اتصل بنا</a></li>
            </ul>
            <a href='#' id='pull'>قائمة</a>
          </nav><!-- /main-nav -->
        </div>

الآن التغييرات التي حصلت في الأكواد هي:

<b:section class='navigation' id='navigation' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit Here!)' type='HTML' visible='true'>
<b:includable id='main'>

قمنا باستبدال b:section بوسم div وقمنا بمسح الأكواد الملونة بالأحمر.
الكود الثاني والثالث قمنا بمسحهما ليصبح الكود على الشكل التالي.

<div class='navigation' id='navigation'>

الآن الجزء الأخير من الكود والذي هو:

       </b:includable>
      </b:widget>
    </b:section>

قمنا باستبدالها بالوسم </div>
أتمنى أنّ يكون الدرس واضح، وقوموا بمقارنة الأكواد وقراءة الموضوع جيدًا.

30 مارس 2016

سكربت عرض المواضيع حسب التسمية الإصدار الثاني

إضافة سكربت عرض المواضيع الإصدار الثاني الإحترافي في بلوجر

في موضوعنا السابق قُمنا بطرح إضافة سكربت عرض المواضيع حسب التسمية في بلوجر، اليوم سوف نُشارككم نفس السكربت ولكن بشكل مختلف، حيث من خلال السكربت الجديد تستطيع التحكم به بشكل كامل كتغيير شكل عرض المواضيع وزيادة عدد المواضيع والكثير من الأمور على حسب ذوقك وما يُناسب مدونتك ولكنّك تحتاج إلى خبرة بسيطة في كل من CSS وHTML.

السكربت عبارة عن صورة رئيسية في البداية و ثمانية مواضيع على شكل شبكة ويُمكن زيادتهم أو انقاصهم على حسب ما يُناسبك، وهو خفيف على المدونة ولن يؤثر على سُرعتها. يُمكنك مُعاينة شكل السكريبت من خلال الزر التالي.


كيفية تثبيت سكربت عرض الموضيع حسب التسميات

ادخل إلى لوحة تحكم بلوجر
انقر على قالب
ثم انقر على تحرير HTML

ابحث عن الوسم </head> و اضف الكود التالي فوقه
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* CSS Recent Post by Label */
#HTML90{margin-right: 6px;}
#HTML91{margin-right: 6px;}
.mudwnplabel1 ul,.mudwnplabel2 ul{list-style:none;margin:0;padding:0}
.mudwnplabel1 li,.mudwnplabel2 li{margin:0;padding:0}
.mudwnplabel1 .widget,.mudwnplabel2 .widget{font-family:'Droid Arabic Kufi',sans-serif!important;font-family:13px;margin:0;padding:0}
.mudwnplabel1 .widget-content,.mudwnplabel2 .widget-content{padding:0;margin:0;word-wrap:break-word;overflow:hidden}
.mudwnplabel1 h2,.mudwnplabel2 h2{position:relative;margin:0;padding:15px 0;font-size:12px;font-weight:700;border-bottom:1px solid #ddd}
.mudwnplabel2 h2{margin:20px 0 0}
.data-title:before{content:'\f143';left:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:400;margin:0 0 0 10px;color:#07ACEC}
.data-title{margin-right: 6px;color:#07ACEC;border:1px solid #07ACEC;padding:3px 8px;border-radius:2px;margin-left:10px;font-size:10px;font-weight:700}
.mudwnplabel1 .index,.mudwnplabel2 .index{font-size:10px;font-weight:700}
.mudwnplabel1 .index a,.mudwnplabel2 .index a{color:#07ACEC;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6;color:#07ACEC;border-color:#07ACEC}
.mudwnplabel1 .index a:hover,.mudwnpabel2 .index a:hover{background:#07ACEC;color:#fff;border-color:transparent}
.mudwnplabel1 .index a:after{content:"\f104";font-family:FontAwesome;font-style:normal;font-weight:700;text-decoration:inherit;padding-right:5px}
.mudwnplabel2 .index a:after{content:"\f104";font-family:FontAwesome;font-style:normal;font-weight:700;text-decoration:inherit;padding-right:6px}
.mudwnplabel2 span.mudwnp_meta_comment a:hover{color:#07ACEC!important}
.mudwnplabel2 ul.mudwnp_thumbs li a:hover,.mudwnplabel2 ul.mudwnp_thumbs2 li a:hover{color:#07ACEC;text-decoration:none}
.mudwnp_right{margin:0;padding:0;border-left:1px solid #fff}
.mudwnp_right .cat_thumb{float:right;margin-left:10px!important}
.mudwnp_left{float:right;margin-top:-35px;padding:0}
ul.mudwnp_thumbs{margin:0;padding:0}
ul.mudwnp_thumbs li,ul.mudwnp_thumbs2{margin:0;padding:0}
ul.mudwnp_thumbs .cat_thumb{position:relative;margin:0 0 15px;padding:0;width:280px;height:200px}
ul.mudwnp_thumbs .cat_thumb img{border-radius: 4px;margin-right: 2px;height: 160px;width:100%;transition:all .2s}
ul.mudwnp_thumbs .cat_thumb img:hover{opacity:.9}
ul.mudwnp_thumbs2 li{margin:0 0 10px;padding:0 0 10px;width:27%;overflow:hidden;min-height:74px;float:right;margin-left:10px!important;border-bottom:1px solid #e9e9e9}
ul.mudwnp_thumbs2 li:last-child{border-bottom:none;margin:0;padding:0}
ul.mudwnp_thumbs2 .cat_thumb2{float:right;margin:0 0 0 10px;height:72px;overflow:hidden}
ul.mudwnp_thumbs2 .cat_thumb2 img{border-radius: 3px;margin-right: 2px;height:60px;transition:all .2s}
ul.mudwnp_thumbs2 .cat_thumb2 img:hover{opacity:.9}
span.mudwnp_title{font-family:'Droid Arabic Kufi',sans-serif;font-size:12px!important;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none;max-height:45px;overflow:hidden}
span.mudwnp_title2{font-size:12px!important;font-weight:700!important;line-height:1.4em;margin:0 0 3px;max-height:38px}
span.mudwnp_title a{color:#333}span.mudwnp_title a:hover{color:#07ACEC;text-decoration:none}
span.mudwnp_summary{display:block;line-height:1.6em;font-size:11px;width: 87%;text-overflow:ellipsis;margin:10px 0 0}
span.mudwnp_meta{display:block;font-family:'Droid Arabic Kufi',sans-serif;font-size:11px;font-weight:400;color:#aaa;text-transform:uppercase}
span.mudwnp_meta a{color:#aaa;display:inline-block}
span.mudwnp_meta_date,span.mudwnp_meta_comment,span.mudwnp_meta_more{display:inline-block;margin-left:10px}
span.mudwnp_meta_comment a:before{content:"\f0e6";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:5px}
span.mudwnp_meta_comment a:hover{color:#07ACEC!important}
span.mudwnp_meta_date:before{content:"\f133";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:5px}
ul.mudwnp_thumbs2 li a:hover,ul.mudwnp_thumbs li a:hover{color:#07ACEC;text-decoration:none}
@media only screen and (max-width:768px){.tanggal i,.tags i{color:#ff8000!important}.mudwnp_left{width:100%;float:right;margin:0;padding:0}span.mudwnp_title2{max-height:33px!important}ul.mudwnp_thumbs2 li{border-bottom:0;width:58%;overflow:hidden;min-height:60px}.mudwnplabel1 .widget-content,.mudwnplabel2 .widget-content{margin-top:10px}span.mudwnp_summary,.mudwnp_right{display:none}span.mudwnp_title a{font-weight:700}span.mudwnp_title{margin:0 0 5px}ul.mudwnp_thumbs li{margin:0 0 10px;padding:0 0 10px;border-bottom:0}span.mudwnp_title2{font-size:18px;line-height:1.2em}}
@media only screen and (max-width:320px){ul.mudwnp_thumbs2 .cat_thumb2 img{width:80px;height:50px}.mudwnp_left{width:100%;float:right;margin:0;padding:0}ul.mudwnp_thumbs li{margin:0 0 10px;padding:0 0 10px}span.mudwnp_title2{font-size:18px;line-height:1.2em}}
@media screen and (max-width:260px){.mudwnp_left{width:100%;float:right;margin:0;padding:0}ul.mudwnp_thumbs li{margin:0 0 10px;padding:0 0 10px}span.mudwnp_title2{font-size:18px;line-height:1.2em}}
</style>
</b:if>
</b:if>

الآن الخطوة الثانية وهي إضافة كود جافا سكربت فوق </head> أيضًا
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="يناير",g[2]="فبراير",g[3]="مارس",g[4]="ابريل",g[5]="مايو",g[6]="يونيو",g[7]="يوليو",g[8]="أغسطس",g[9]="سبتمبر",g[10]="أكتوبر",g[11]="نوفمبر",g[12]="ديسمبر",document.write('<span class="mudwnp_right">'),document.write('<ul class="mudwnp_thumbs">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+n+'"><div class="cat_thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+m+'" src="'+u+'"/></div></a>'),document.write('<span class="mudwnp_title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="mudwnp_meta">'),1==showpostdate&&(v=v+'<span class="mudwnp_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 تعليقات"==l&&(l="1 تعليقات"),"0 تعليقات"==l&&(l="0 تعليقات"),showcomment='<span class="mudwnp_meta_comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="mudwnp_meta_more"><a href="'+n+'" class="url" target ="_top">إقرأ المزيد...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="mudwnp_summary">'),"content"in r)var y=r.content.$t;else if("summary"in r)var y=r.summary.$t;else var y="";var k=/<\S[^>]*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write(""),document.write(y),document.write("");else{document.write(""),y=y.substring(0,numchars);var $=y.lastIndexOf(" ");y=y.substring(0,$),document.write(y+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="mudwnp_left">'),document.write('<ul class="mudwnp_thumbs2">');for(var e=1;e<numposts2;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2&&document.write('<a href="'+n+'"><div class="cat_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="mudwnp_title mudwnp_title2"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.write('<span class="mudwnp_meta mudwnp_meta2">'),1==showpostdate2&&(v=v+'<span class="mudwnp_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum2&&("1 تعليق"==l&&(l="1 تعليقات"),"0 تعليق"==l&&(l="0 تعليقات"),showcomment='<span class="mudwnp_meta_comment mudwnp_meta_comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore2&&(v=v+'<span class="mudwnp_meta_more mudwnp_meta_more2"><a href="'+n+'" class="url" target ="_top">إقرأ المزيد...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
//]]>
</script>
<script type='text/javascript'>
var numposts=1,numposts2=9,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!1,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=150,thumb_width=310,thumb_height=160,thumb_width2=100,thumb_height2=55,no_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjE_Uy50rmDqlKYXNerEFozzjaJwhpW-SpuMOim1Q9dSed72-EStKGFX2YsISare0Jt-mI8jJ_dUGCefc0juIiwirOt3AGG4WO6f0SBQQwwxJ8oAfDpYdnkH68kgDFzR0DpPVY9DRJOQg/s320/mudwnp_thumb.png",no_thumb2="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDO2plt3O_ZAeKean2exI7kGkHfDp3WKU_8G0Kpdx366WqCquW8uCCBP3kHSqYyAp8R7v-UPupQLyMiN4iWKKQ8hSVJWwyik1xJhcqJv4w8ijh-5co6sauk9E4SijllhzpQcAcZuDfKg4/s1600/mudwnpthumb_small.png";
</script>

</b:if>
</b:if>

مُلاحظة: الكود الذي باللون الأحمر هو من أجل تنسيق الإضافة على حسب ذوقك.
أما الخطوة الثالثة: هي من أجل وضع الكود التالي في المكان الموضح في الصورة التالية.

الخطوة الثانية وهي إضافة كود السكربت

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div id='mudwnplabel1-wrapper'>
        <b:section class='mudwnplabel1' id='mudwnplabel1' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML90' locked='false' title='Berita' type='HTML'>
            <b:includable id='main'>
<h2><span class='data-title'><data:content/></span><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=8&#39;&gt;مشاهدة الكل&lt;/a&gt;</span></h2>
<div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
<div id='mudwnplabel2-wrapper'>
        <b:section class='mudwnplabel2' id='mudwnplabel2' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML91' locked='false' title='Info Menarik' type='HTML'>
            <b:includable id='main'>
<h2><span class='data-title'><data:content/></span><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=8&#39;&gt;مشاهدة الكل&lt;/a&gt;</span></h2>
<div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
</b:if>

الخطوة الرابعة: الآن سوف تدخل إلى التخطيط سوف تجد آداتين جديدتين، كل ما عليك فعله هو تحرير الأداة وكتابة اسم القسم الذي تريد ظهور مواضيعه.

أتمنى أنّ يكون أعجبكم السكربت وانتظرونا بقوالب بلوجر جديدة إن شاء الله.
وإذا احتجت إلى أي مُساعدة في تركيب السكربت أترك تعليق.

2 ديسمبر 2015

كيفية تعطيل إضافة أدبلوك في مدونات بلوجر


كيفية تعطيل إضافة أدبلوك في مدونات بلوجر - في الأونة الأخيرة أصبح الكثير من المدونين يُعاني من إضافة أدبلوك، لإنه أصبح الكثير من الأشخاص يستخدمها وأنا لا ألومهم صراحة لإن المحتوى العربي عندما تُصبح المدونة مشهورة، يضعون فيها أكثر من مئة إعلان مما يؤدي إلى إنزعاج الزائر.

ولكن هُناك ايضاً اشخاص لا ذنب لهم وهُم الذين يربحون من إعلانات أدسنس، بحيث يضعون 3 او 4 إعلانات 
والربح يكون قليل جداً وليس ربح كبير، ولكنه كتقدير لتعبهم وجهدهم في ترجمة المواضيع 
وكتابة المقالات لذلك يجب على الزوار او المتابعين أن يقدروا تعبنا ولا يضطر المدونين لإستخدام مثل هذه الأساليب.

كيفية تعطيل إضافة أدبلوك في بلوجر لزيادة الأرباح في ادسنس

الدرس عبارة عن إضافة اكواد في قالب بلوجر الخاص بك، وظيفة الاكواد تقوم بتعطيل إضافة أدبلوك 
الخاصة بمتصفح الزوار بحيث لن يستطيعون رؤية محتوى المدونة إلا بعد تعطيل الإضافة
 بحيث سوف تظهر لهم رسالة تطلب منهم تعطيل الإضافة، والاكواد خفيفة جداً ولا داعي للقلق على سرعة المدونة 
فهو لن يؤثر عليها بشيء. لمن يود تجربة الإضافة قُم بتنفيذ الخطوات التالية.


كيفية إضافة رسالة كشف إضافة أدبلوك مع جافا سكريبت

  1. ادخل لوحة تحكم بلوجر
  2. انقر على تبويب قالب
  3. انقر على تحرير HTML

ابحث عن الوسم </body> و اضف الكود التالي فوقه
<script type='text/javascript'>
//<![CDATA[
// Adblock Detected
window.onload=function(){setTimeout(function(){var e=document.querySelector("ins.adsbygoogle");e&&0==e.innerHTML.replace(/\s/g,"").length&&(e.style.cssText="color:rgba(0,0,0,0.5);font-weight:700;font-size:110%;padding:20px;margin:auto;text-align:center;text-decoration:none;display:block!important;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)",e.innerHTML="يبدو إنك قمت بمنع إعلانات جوجل ادسنس في المتصفح الخاص بك")},2e3)};
//]]>
</script>

الإعدادات


قم بتغيير نص الرسالة الذي باللون الاحمر على حسب ذوقك بما تريد
للتعديل على الخط والالوان ...إلخ، قم بالتعديل على ما هو باللون الازرق

بعد أن قُمت بإضافة الكود وعمل التعديلات الخاصة بك، قم بتفعيل إضافة أدبلوك لمعرفة الكود يعمل بشكل صحيح او لا.
اتمنى ان يكون الدرس أعجبكم